<template>
  <div class="box1">
    <Aat :list="list" @aass="fu"></Aat>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {
      aa: '',
      list: [
        { id: 1, name: '牛' },
        { id: 2, name: '猪' },
        { id: 3, name: '狗' },
        { id: 4, name: '羊' },
      ]
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    fu () {
     console.log(111);
    }
  }
}
</script>
<style lang='less'  scoped>
.box1{
  background-color: red;
}
</style>
